<div class="border-bottom mb-1 py-1">
  <button class="btn f-rt-btn f-btn-ml btn-primary" (click)="addItem()">新增</button>
  <button class="btn f-rt-btn f-btn-ml btn-secondary" (click)="removeItem()">删除</button>
</div>

<div class="f-utils-fill">
  <farris-datagrid [data]="mapValues" [columns]="columns" #dg="datagrid" [idField]="'hId'" [fit]="true"
    [editable]="true" [editMode]="'cell'" [showCheckbox]="false" [fitColumns]="true" [showLineNumber]="false"
    [striped]="true" [virtualized]="false" [pagination]="false" [clickToEdit]="true">
  </farris-datagrid>
</div>


<ng-template #itemsFooter>
  <button type="button" class="btn btn-secondary" (click)="clickCancel()">取消</button>
  <button type="button" class="btn btn-primary" (click)="clickConfirm()">确定</button>
</ng-template>